<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
<script type="module">
  import { reactive, effect, ref } from "./reactivity/index.js"
  let obj = reactive({ 
    age: 17,
    name: 'yj',
    a: 'del'
  })
  let refa = ref('a')
  let info = ''
  effect(() => {
    info = refa.value + '!!'
  })
  console.log(refa, info)
  refa.value = 20
  console.log(refa, info)
  refa.value = '你好'
  console.log(refa, info)
  refa.value = {a: 111}
  console.log(refa, info)

;</script>
</html>